<template>
  <van-grid>
    <van-grid-item
    v-for = "data in gridlist"
    :key="data.image" 
    >
      <a href="javasript:void(0)">
        <img :src="data.imageUrl" />
      </a>
    </van-grid-item>
</van-grid>
</template>

<script>


export default {

props: ["home10list"],

data(){
  return{
    gridlist : [],
  }
},

watch: {
   home10list()
    { 
      for (let items in this.home10list){
      this.home10list[items] = JSON.parse(this.home10list[items])
      this.home10list[items].map((item)=>{
        return this.gridlist.push(item)
      })}

}

}}
</script>

<style  lang = "stylus" scoped>
.van-grid-item
  img
    width 100%


</style>

<style  lang = "stylus">
.van-grid-item__content
  padding 0


</style>

